// console.log('Script开始')
// setTimeout(() => {
//   console.log('第一个回调函数，宏任务1')
//   Promise.resolve().then(function() {
//     console.log('第四个回调函数，微任务2')
//   })
// }, 0)
// setTimeout(() => {
//   console.log('第二个回调函数，宏任务2')
//   Promise.resolve().then(function() {
//     console.log('第五个回调函数，微任务3')
//   })
// }, 0)
// Promise.resolve().then(function() {
//   console.log('第三个回调函数，微任务1')
// })
// console.log('Script结束')

// const App = () => {
//   return (
//     <div>
//       <Child/>
//       <div>111</div>
//     </div>
//   )
// };

// const Child = () => {
//   return (
//       <h1>text</h1>
//   );
// };

// 按照dom中的结构，应该是这样的，所以要向上找
// 插入h1
{/* <h1>test</h1>
<div>111</div> */}